<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a="http://richfaces.org/a4j"
    template="layout/template.xhtml">

    <ui:define name="body">

        <h1>Bem vindo ao Sistema de Pet Shop!</h1><br/>
        <s:fragment rendered="#{usuarioLogado.dtaUltimoAcesso != null and identity.hasRole('GERENCIAR_AGENDA_LER')}">
			<h2 class="title"><a href="#">Compromissos Agendados</a></h2><br/>
        	<h:form id="formHome">
	            <center>
	            <br/>
	            <h:panelGrid columns="1">
	            	<s:decorate template="/layout/edit.xhtml">
	            		<ui:define name="label">Tipo de visualização:</ui:define>
	            		<h:selectOneMenu value="#{manterAgendaController.idTipoSelecionado}"
	            			valueChangeListener="#{manterAgendaController.atualizaListaAgendas}">
	            			<f:selectItems value="#{manterAgendaController.listaTiposVisualizacao}"/>
	            			<a:support event="onchange" reRender="tabelaAgendas,scrollerAgenda"/>
	            		</h:selectOneMenu>
	            	</s:decorate>
	            </h:panelGrid>
	            <rich:dataTable id="tabelaAgendas"
	            	rows="5"
	            	value="#{manterAgendaController.listaAgendas}"
	            	var="_agenda">
	            	<rich:column rendered="false">
	            		<f:facet name="header">
	            			<h:selectBooleanCheckbox value="#{manterAgendaController.selecionadoTodos}">
	            				<a:support event="onchange" action="#{manterAgendaController.selecionaTodos()}"
	            					reRender="tabelaAgendas"/>
	            			</h:selectBooleanCheckbox>
	            		</f:facet>
	            		<h:selectBooleanCheckbox value="#{_agenda.selecionado}" />
	            	</rich:column>
	            	<rich:column>
	            		<f:facet name="header">Data</f:facet>
	            		<h:outputText value="#{_agenda.dtaAgenda}">
	            			<s:convertDateTime pattern="dd/MM/yyyy HH:mm"/>
	            		</h:outputText>
	            		<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
	            			disabled="#{usuarioLogado != null and usuarioLogado.cliente != null}"
							styleClass="tooltip" layout="block">
							<span style="white-space: nowrap">
								<table>
									<tr>
										<td>
											<strong>Descrição:</strong><br/>
											<h:inputTextarea value="#{_agenda.dscAgenda}" 
						            			rows="5"
						            			cols="50"
						            			readonly="false"/>
											<br/> 
										</td>
									</tr>
								</table> 
							</span>
						</rich:toolTip>
	            	</rich:column>
	            	<rich:column>
	            		<f:facet name="header">Título</f:facet>
	            		<h:outputText value="#{_agenda.dscTitulo}"/>
	            		<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
	            			disabled="#{usuarioLogado != null and usuarioLogado.cliente != null}"
							styleClass="tooltip" layout="block">
							<span style="white-space: nowrap">
								<table>
									<tr>
										<td>
											<strong>Descrição:</strong><br/>
											<h:inputTextarea value="#{_agenda.dscAgenda}" 
						            			rows="5"
						            			cols="50"
						            			readonly="false"/>
											<br/> 
										</td>
									</tr>
								</table> 
							</span>
						</rich:toolTip>
	            	</rich:column>
	            	<rich:column rendered="#{usuarioLogado != null and usuarioLogado.cliente != null}">
	            		<f:facet name="header">Descrição</f:facet>
	            		<h:inputTextarea value="#{_agenda.dscAgenda}" 
	            			rows="3"
	            			cols="30"
	            			readonly="false"/>
	            	</rich:column>
	            	<rich:column rendered="#{usuarioLogado.cliente == null or usuarioLogado.cliente.idCliente == null}">
	            		<f:facet name="header">Recursivo?</f:facet>
	            		<h:outputText value="SIM" rendered="#{_agenda.flgRecursivo}"/>
	            		<h:outputText value="NÃO" rendered="#{_agenda.flgRecursivo == null or !_agenda.flgRecursivo}"/>
	            		<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
	            			disabled="#{usuarioLogado != null and usuarioLogado.cliente != null}"
							styleClass="tooltip" layout="block">
							<span style="white-space: nowrap">
								<table>
									<tr>
										<td>
											<strong>Descrição:</strong><br/>
											<h:inputTextarea value="#{_agenda.dscAgenda}" 
						            			rows="5"
						            			cols="50"
						            			readonly="false"/>
											<br/> 
										</td>
									</tr>
								</table> 
							</span>
						</rich:toolTip>
	            	</rich:column>
	            	<rich:column rendered="#{usuarioLogado.cliente == null or usuarioLogado.cliente.idCliente == null}">
	            		<f:facet name="header">Cliente</f:facet>
	            		<h:outputText value="#{_agenda.cliente.dscNome}" rendered="#{_agenda.cliente != null}"/>
	            		<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
	            			disabled="#{_agenda.cliente == null}"
	            			rendered="#{_agenda.cliente != null}"
							styleClass="tooltip" layout="block">
							<span style="white-space: nowrap">
								<table>
									<tr>
										<td>
											<strong>Telefone(s):</strong>
											<h:outputText value=" #{_agenda.cliente.telCelular} / #{_agenda.cliente.telResidencial}" /><br/>
											<strong>Endereço:</strong>
											<h:outputText value=" #{_agenda.cliente.dscEndereco} - #{_agenda.cliente.dscCidade}" /><br/>
											<strong>E-mail:</strong>
											<h:outputText value=" #{_agenda.cliente.dscEmail}" /><br/>
											<strong>Pet(s):</strong><br/>
											<ui:repeat var="_pet" value="#{_agenda.cliente.listaPets}">
												<h:outputText value="#{_pet.dscNome} - #{_pet.raca.dscNome}" /><br/>
											</ui:repeat>
											<br/> 
										</td>
									</tr>
								</table> 
							</span>
						</rich:toolTip>
	            	</rich:column>
	            	<rich:column rendered="#{identity.hasRole('GERENCIAR_AGENDA_GRAVAR')}">
	            		<f:facet name="header"></f:facet>
	            		<h:commandLink action="#{manterAgendaController.editar(_agenda)}" value="EDITAR"/>
	            	</rich:column>
	            </rich:dataTable>
	            <rich:datascroller id="scrollerAgenda" for="tabelaAgendas" renderIfSinglePage="false"/>
	            
	            <div>
	            	<h:commandButton value="EXCLUIR" action="#{manterAgendaController.excluir()}" 
	            		onclick="javascript:if(!confirm('Tem certeza que deseja excluir a(s) agenda(s) selecionada(s)?'))return false;"
	            		rendered="false"/>
	            	<h:commandButton value="NOVO" action="novaAgenda"
	            		rendered="#{identity.hasRole('GERENCIAR_AGENDA_GRAVAR')}" />
	            </div>
	           	</center>
           	</h:form>
        </s:fragment>
        
        <h2><h:outputText value="Altere a sua senha no primeiro acesso" rendered="#{usuarioLogado.dtaUltimoAcesso == null}"/></h2>
        
        <s:fragment rendered="#{usuarioLogado.dtaUltimoAcesso == null}">
        	<h:form id="formAlterarSenha">
	        	<h:panelGrid columns="2">
	       			<s:decorate template="/layout/edit.xhtml">
	           			<ui:define name="label">Senha (Máx 8 dígitos):</ui:define>
	           			<h:inputSecret value="#{usuarioLogado.dscSenha}"
	           				required="false" maxlength="8"
	           				style="width: 200px;"/>
	           		</s:decorate>
	           		
	           		<s:decorate template="/layout/edit.xhtml">
	           			<ui:define name="label">Confirmação senha:</ui:define>
	           			<h:inputSecret value="#{usuarioLogado.confirmacaoSenha}"
	           				required="false" maxlength="8"
	           				style="width: 200px;"/>
	           		</s:decorate>
	        	</h:panelGrid>
	        	
	        	<div class="actionButtons">
		            <h:commandButton id="submit" value="Salvar" action="#{manterUsuarioController.salvarAlterarSenha()}"
		            	onclick="javascript:if(!confirm('Tem certeza que deseja salvar?'))return false;"/>
		        </div>	
	        </h:form>
        </s:fragment>

    </ui:define>
</ui:composition>
